<template>
  <FForm :schema="schema" label-width="60px" />
</template>

<script setup lang="ts">
import { FFSchema } from 'fate-element/lib/components/fate-form/fform.types';

const schema: FFSchema = {
  properties: {
    name: {
      type: 'string',
      title: '姓名',
      layout: {
        span: 24
      }
    },
    age: {
      type: 'number',
      title: '年龄',
      layout: {
        span: 12
      }
    },
    address: {
      type: 'string',
      title: '地址',
      layout: {
        span: 24
      }
    },
    email: {
      type: 'string',
      title: '邮箱',
      format: 'email',
      layout: {
        span: 6
      }
    }
  },
  required: ['name']
};
</script>

<style scoped></style>
